﻿body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, select, table, tr, th, td {
    margin: 0;
    padding: 0;
}

body {
    color: #333;
    font-family: "微软雅黑","Microsoft YaHei";
    font-size: 14px;
}

img {
    border: 0;
}

a, button, input {
    -webkit-tap-highlight-color: rgba(255,0,0,0);
}

ol, ul {
    list-style: none;
}

input, textarea, select {
    border: none;
    font-family: "微软雅黑","Microsoft YaHei";
}

    input[type="radio"] {
        vertical-align: middle;
    }

.clearfix {
    *zoom: 1;
}

    .clearfix:before, .clearfix:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .clearfix:after {
        clear: both;
    }

.clear {
    clear: both;
}

a {
    color: #8D8D8D;
    text-decoration: none;
}

p {
    word-break: break-all;
    word-wrap: break-word;
}

.f_left {
    float: left;
    color: #585858;
}

.f_right {
    float: right;
}

ul, ol, li {
    list-style: none;
}

.font12 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font16 {
    font-size: 16px;
}

.font18 {
    font-size: 18px;
}

.bold {
    font-weight: bold;
}

.color3 {
    color: #333;
}

.color6 {
    color: #666;
}

.color9 {
    color: #999;
}

.red {
    color: #F00;
}

.green {
    color: #0F0;
}

.yellow {
    color: #FF0;
}

.white {
    color: #fff;
}

.mt4 {
    margin-top: 4px;
}

.mt6 {
    margin-top: 6px;
}

.mt10 {
    margin-top: 10px;
}

.mt20 {
    margin-top: 20px;
}

.mr6 {
    margin-right: 6px;
}

.container {
    width: 320px;
    margin: 0 auto;
    overflow: hidden;
    font-family: 微软雅黑;
    position: relative;
    background: #f5f5f5;
}

.foot {
    width: 320px;
    height: 70px;
    background: #ef3e36;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 12px;
    margin-top: 10px;
}

    .foot a {
        display: inline-block;
        width: 25%;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 13px;
        text-decoration: none;
        padding-top: 18px;
        padding-bottom: 5px;
    }

    .foot p {
        text-align: center;
        color: #fff;
        font-family: arial;
    }

.none {
    display: none;
}

.head .go_back, .head .nav, .gb_content {
    background: url(/Images/order_list.png) no-repeat;
}

.head {
    width: 320px;
    height: 45px;
    background: #ef3e36;
    margin: 0 auto;
}

    .head .go_back {
        float: left;
        height: 45px;
        width: 30px;
        background-position: 12px 9px;
        background-size: 60px;
        text-decoration: none;
    }

    .head .hd_tip {
        width: 240px;
        text-align: center;
        font-size: 18px;
        float: left;
        height: 45px;
        line-height: 45px;
        color: #fff;
    }

    .head .nav {
        height: 45px;
        width: 30px;
        float: right;
        text-decoration: none;
        background-position: 0 -37px;
        background-size: 58px;
        margin-right: 10px;
    }

.user_center {
    width: 90px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 55px;
    z-index: 100;
    border: 1px solid #ddd;
    border-bottom: none;
}

    .user_center a {
        height: 40px;
        line-height: 40px;
        padding-left: 10px;
        font-size: 14px;
        display: block;
        text-decoration: none;
        color: #333;
        border-bottom: 1px solid #ddd;
    }

.gb_content {
    width: 245px;
    padding: 8px 10px 8px 45px;
    border: 1px solid #ffd8bb;
    background-position: 5px -153px;
    background-size: 90px;
    background-color: #fef9e6;
    font-size: 12px;
    margin: 6px auto;
    line-height: 20px;
}

    .gb_content .f60 {
        color: #f60;
    }

.c-tip {
    width: 280px;
    padding: 8px 10px 8px 10px;
    border: 1px solid #ffd8bb;
    background-position: 5px -153px;
    background-size: 90px;
    background-color: #fef9e6;
    font-size: 12px;
    margin: 6px auto;
    line-height: 20px;
}

    .c-tip .f60 {
        color: #f60;
    }

.error-content {
    background: none repeat scroll 0 0 #FFF9D5;
    border: 1px solid #C9C9C9;
    border-radius: 5px 5px 5px 5px;
    color: #EC1855;
    margin: 6px;
    padding: 6px;
}
/*提示*/
.prompt-content {
    background: none repeat scroll 0 0 #FFF9D5;
    border: 1px solid #C9C9C9;
    border-radius: 5px 5px 5px 5px;
    color: #2db268;
    margin: 10px;
    padding: 6px;
    text-align: center;
}

.g-btn {
    display: inline-block;
    width: 298px;
    height: 38px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #dadada;
    background:#ef3e36;

}

.r-btn {
    display: inline-block;
    width: 298px;
    height: 38px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 38px;
    font-size: 16px;
    color: #fff;
    border: 1px solid #dadada;
    background-color: #e73636;
    margin-left: 10px;
}

.s-btn {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    border: 1px solid #dadada;
    background-color: rgb(239, 62, 54);
    padding:3px 8px;border-radius:4px;
}

.errbox {
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: 0.6;
    color: #fff;
    font-size: 14px;
    background: #000;
    position: absolute;
    left: 70px;
    top: 179px;
    border-radius: 10px;
}

.errbox_show {
    animation: myanim 5s;
    -moz-animation: myanim 5s;
    -webkit-animation: myanim 5s;
    -o-animation: myanim 5s;
}


.submitErr{
	text-align:center;
	font-size:18px;
	padding:15px 0;
	background:#fff;
}
.submitErr img{
	height:32px;
	width:32px;
	vertical-align: -9px;
}
.btnArrow{
	background:url(../Images/arow.png) repeat-x 0 0;
	background-size:15px 8px;
	height:14px;
	padding-top:8px;
}
.btnArrow .bg{
	background:#f5f5f5;
	height:14px;
	border-bottom:1px solid #ddd;
}


.userinfo{
	background:#fff;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.inputbox{
	margin-left:10px;
	border-bottom:1px solid #ddd;
	height:45px;
	line-height:45px;
}
.inputbox:nth-child(3){
	border-bottom:none;
}
.inputbox label{
	color:#7f7f7f;
	font-size:14px;
}
.inputbox input{
	height:22px;
	line-height:22px;
	width:200px;
	margin-left:20px;
	border:none;
	font-size:14px;
}
.inputbox input.inherit{
	color:#999;
}

.circle{
	display:inline-block;
	background:url(../Images/circle2.png) no-repeat;
	background-size:14px;
	line-height: 14px;
	width:14px;
	height:14px;
	padding-left:20px;
	margin-right:10px;
}
.circle_at{
	background:url(../Images/circle1.png) no-repeat;
	background-size:14px;
}
.inputbox .sex{
	padding-right:37px;
}

.submit{
	height:60px;
	margin-top:10px;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background:#fff;
}
.submit input{
	width:120px;
	height:28px;
	line-height:28px;
	border:1px solid #ddd;
	border-radius:6px;
	margin-top:15px;
	margin-left:10px;
	
}
 
.submitDiv a{
	text-decoration:none;
	width:60px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#ef3e36;
	color:#fff;
	font-size:14px;
	display:inline-block;
	margin-top:2px;
	margin-left:2px;
	border-radius:3px;
    padding-left:4px;
    padding-right:4px
}


.help{
	height:50px;
	padding-top:10px;
	padding-left:10px;
	border-bottom:1px solid #ddd;
}
.help a{
	color:#ef3e36;
	text-decoration:none;
}


.copy{
	background:#fff;
	height:82px;
	padding-left:10px;
	border-bottom:1px solid #ddd;
}
.copy p{
	font-size:14px;
	margin-bottom:5px;
	padding-top: 11px;
}
.copy input{
	width:290px;
	height:28px;
	line-height:28px;
	border:1px solid #ddd;
	border-radius:4px;
}


.message{
	padding:0 10px;
	font-size:12px;
	line-height:22px;
}
.message .tip{
	padding-top:10px;
}
.message .mes{
	color:#7f7f7f;
}


.submitBtn{
	text-decoration:none;
	width:300px;
	margin-left:10px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#ef3e36;
	display:block;
	font-size:14px;
	color:#fff;
	border-radius:4px;
	margin-top:20px;
}
.submitBtn1{
	background:#ffd9d7;
	color:#ff0b00;
}


.cancel{
	text-decoration:none;
	width:90px;
	margin-left:10px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#e5e5e5;
	display:block;
	font-size:14px;
	border-radius:4px;
	margin-top:20px;
	color:#333;
}

.notClick{
	text-decoration:none;
	width:90px;
	margin-left:10px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#ccc;
	display:block;
	font-size:14px;
	border-radius:4px;
	margin-top:20px;
	color:#fff;
}

.btnOK{
	text-decoration:none;
	width:90px;
	margin-left:10px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#ef3e36;
	display:block;
	font-size:14px;
	border-radius:4px;
	margin-top:20px;
	color:#fff;
}
.btnAdd {
    text-decoration:none;
	width:90px;
	height:25px;
	line-height:25px;
	text-align:center;
	background:#ef3e36;
	color:#fff;
	font-size:16px;
	display:inline-block;
	border-radius:3px;
}


/*2015年3月16日10:10:27新加入*/
@charset "utf-8";
/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, iframe,hr{margin:0;padding:0;}
body{font-size:12px;font-family:"微软雅黑","宋体"; background:#fcfcfc}
fieldset, img { border:0; }
address, caption, cite, dfn, em, th, var{font-style:normal;font-weight:normal;}
ol, ul { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; }
table {border-collapse:collapse;border-spacing:0;}
select,input,label,button,textarea{margin:0;padding:0;font:normal normal normal "微软雅黑",arial,Simsun,Arial Unicode MS,Mingliu,Arial;overflow:visible;}
input{padding:2px 0 1px;*padding:4px 0 0;_padding:4px 0 0;_height:21px; font-family:"微软雅黑";}
.font12{ font-size:12px;font-weight:normal;}
.font14{ font-size:14px}
.font16{ font-size:16px}
.font24{ font-size:24px}
.font30{ font-size:30px}
.red{ color:#F00}
.green{ color:#390;}
.bold{ font-weight:bold;}
.f_left{ float:left}
.f_right{ float:right}
.t_right{ text-align:right}
.clear{ clear:both;}
.ml10{ margin-left:10px;}
.mr10{ margin-right:10px;}

.container{/* width:100%;*/width:800px; margin:0px auto; overflow:hidden;padding-bottom:10px;}
.container .page_title{padding:20px 0px 10px; overflow:hidden; width:800px; margin:0px auto;}
.container .page_title .i_pc{width:54px;height:41px;vertical-align:middle;background:url(/Images/i_pc.png) no-repeat 0 0;display:inline-block;margin-right:20px;
}
.container .page_title .title{ font-size:20px; font-weight:bold;}
.w{ width:798px; margin:20px initial 0px 20px; padding:0px;-webkit-box-shadow:0 0px 10px #ccc;-moz-box-shadow:0 0px 10px #ccc;box-shadow:0 0px 10px #ccc;border:1px solid #EDEDED;
 overflow:hidden;background:#fff; position:relative;}
.w1{ width:1198px; margin:20px auto 0px 20px; padding:0px;-webkit-box-shadow:0 0px 10px #ccc;-moz-box-shadow:0 0px 10px #ccc;box-shadow:0 0px 10px #ccc;border:1px solid #EDEDED;
 overflow:hidden;background:#fff; position:relative;}
.box3_same{ width:263px; margin:0px 2px; text-align:center; overflow:hidden; float:left; }
.box3_big{ width:285px;height:120px;padding-left:5px; margin:0px; text-align:center; overflow:hidden; float:right; border-left:1px solid #efefef; position:relative;}
.box3_same .b_t{ font-size:16px; color:#999;margin-top:6px; line-height:24px; display:block;}
.box3_same .b_c{ font-size:28px; font-weight:bold; margin-top:6px; color:#333; line-height:48px; display:block;}
.box3_big .animation_float{	width:35px;height:120px;position:absolute;left:20px; top:1px;z-index:1;cursor:pointer;background:url(/Images/animation_img2.png) no-repeat; overflow:hidden; float:left; }
.box3_big .t_box{ float:right; width:215px;padding-left:15px; overflow:hidden }
.box3_big .t_box .t{ margin-top:6px; display:block; text-align:left;}

.w1 .tt{width:100%;font-size:14px; font-weight:bold;color:#666666;padding:7px 0px 6px 0px;cursor:pointer;background:#fafafa; background-image: -ms-linear-gradient(top, #fefefe, #f5f5f5);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f5f5f5));  background-image: -moz-linear-gradient(top, #fefefe, #f5f5f5);  background-image: -o-linear-gradient(top, #fefefe, #f5f5f5);  background-image: linear-gradient(top, #fefefe, #f5f5f5);  background-repeat: repeat-x;position:relative;border-bottom:1px dashed #efefef; overflow:hidden}
.w1 .t1{ width:807px; text-align:center; float:left; overflow:hidden; position:relative;}
.w1 .t2{width:390px; text-align:center; float:right; border-left:1px solid #efefef; }
.tips{padding:4px 0px 4px 0px; /*border-top:1px solid #efefef;*/  text-align:left; font-size:12px; margin-top:10px;color:#999}
/*倒计时*/
.w .t1 .djs{ font-size:12px; float:left; font-weight:normal;display:none; position:absolute; left:10px; }
.w .t1:hover .djs{ display:block;}

.c0{ width:1200px; text-align:center; overflow:hidden; position:relative;}
.c{ width:800px; margin:20px auto 0px 20px; overflow:hidden; position:relative;}
.c1{ width:1200px; margin:20px auto 0px 20px; overflow:hidden; position:relative;}
.c2{ width:1200px; margin:20px auto 0px 300px; overflow:hidden; position:relative;}
.cbox{ border:1px solid #ccc;-webkit-box-shadow:0 0px 10px #ccc;-moz-box-shadow:0 0px 10px #ccc;box-shadow:0 0px 10px #ccc; overflow:hidden; position:relative;}
.cbox h4{font-size:14px;color:#666666;font-weight:400;padding:7px 0px 6px 10px;cursor:pointer;background:#fafafa;	border-bottom:1px solid #d4d4d4; background-image: -ms-linear-gradient(top, #fefefe, #f5f5f5);  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f5f5f5));  background-image: -moz-linear-gradient(top, #fefefe, #f5f5f5);  background-image: -o-linear-gradient(top, #fefefe, #f5f5f5);  background-image: linear-gradient(top, #fefefe, #f5f5f5);  background-repeat: repeat-x;position:relative; overflow:hidden; z-index:1;}
.cbox h4 a{ display:inline-block; color:#999; text-decoration:none; margin-right:10px;}
.cbox h4 a:hover{ color:#333;}
.cbox .c_content{ padding:10px; background:#fff; position:relative; z-index:1}
.cbox.w1/**/{ width:448px;}
.cbox.w2{ width:338px;}
.cbox.w3{width:258px;}
.cbox.w4{width:393px;}
.cbox.w5{width:593px;}
.cbox .upselect{ width:auto; background:url(/Images/desc_enable.jpg) no-repeat right center; padding-right:10px;}
.cbox a.refresh{ width:12px; height:12px; background:url(/Images/i_re.png) no-repeat right center; background-position:0px 0px; margin-top:4px;display:inline-block}
.cbox a.refresh:hover{ width:12px; height:12px; background:url(/Images/i_re.png) no-repeat right center;margin-top:4px; background-position:0px -12px}
/*增加的小图标10-21*/
.cbox a.blank{ width:12px; height:12px; background:url(/Images/i_blank.png) no-repeat right center; background-position:0px 0px; margin-top:4px;display:inline-block}
.cbox a.blank:hover{ width:12px; height:12px; background:url(/Images/i_blank.png) no-repeat right center;margin-top:4px; background-position:0px -12px}

.cbox .select_ul{ width:auto; position:absolute; right:10px; top:0px; height:auto; overflow:hidden; /*border:1px solid #ccc;*/ background:#fff;  display:none; z-index:999}
.cbox .select_ul li{ margin-top:6px;}
.cbox .select_ul li a{ font-size:14px; text-align:center; display:block; margin:0px auto; border:0; padding:0px 0px; color:#333; text-decoration:none; display:block;}
.cbox .select_ul li a:hover{ background:#eee;border:0; }
/*订单跟踪*/
.cbox .c_ul{margin-top:-10px;}
.cbox .c_ul li{ margin-top:10px; clear:both; background:#efefef;padding:7px 0px; *padding:5px 0px; _margin-top:14px; overflow:hidden}
.cbox .c_ul li .o_number{width:40%; text-indent:10px; text-align:left; float:left}
.cbox .c_ul li .c_name{ width:25%; text-indent:10px;text-align:left; float:left}
.cbox .c_ul li .l_providers{ width:35%; text-align:left; float:left}
.cbox .search_box{text-align:right; float:right;overflow:hidden;padding-right:10px; margin-top:-4px; margin-bottom:-2px;}
.text_input{ min-width:150px; text-indent:10px; height:22px; line-height:22px; border:1px solid #ccc; box-shadow:3px 2px 3px #efefef inset; color:#666;}
.r_btn{background:url(/Images/use.gif) no-repeat;width:48px;height:25px;padding:3px 0px; border:0;}
.cbox .c_ul li.top_bg{ background:#FFC;}

/*我的订单*/
.cbox .p_ul{margin-top:-10px;}
.cbox .p_ul li{ margin-top:10px; clear:both; background:#efefef;padding:5px 0px; overflow:hidden;}
.cbox .p_ul li:hover{ background:#FFC;}
.cbox .p_ul li .p_name{width:42%; text-align:left; float:left; overflow:hidden;word-break:keep-all;white-space:nowrap } 
.cbox .p_ul li .p_number{width:10%; text-align:center; float:left}
.cbox .p_ul li .p_code{ width:22%; text-indent:10px; text-align:left; float:left}
.cbox .p_ul li .p_price{width:10%; text-align:center; float:left}
.cbox .p_ul li .p_brand{width:15%; text-align:center; float:left}

/*产品销售排行*/
.cbox .s_ul{margin-top:-10px; height:200px; overflow-y:scroll}
.cbox .s_ul li{ margin-top:10px; clear:both; background:#efefef;padding:5px 0px; overflow:hidden}
.cbox .s_ul li:hover{ background:#FFC;}
.cbox .s_ul li .s_number{width:19%;text-align:center; float:left}
.cbox .s_ul li .s_name{ width:60%; *width:59%;  _width:55%;text-align:left; float:left;word-break:keep-all;white-space:nowrap; overflow:hidden; }
.cbox .s_ul li .s_brand{ width:20%; text-indent:10px; text-align:left; float:left}
.cbox .s_ul li.top_bg{ background:#FFC;}



/*分页符代码*/
div .page {padding: 6px 0px 3px 0px;*padding: 3px 0px 3px 3px;font-size: 11px;margin: 10px 0px 3px 3px;font-family:"微软雅黑", "宋体",arial;text-align: right;}
div .page a {border: #ccc 1px solid;padding:2px 6px;margin-right: 2px; text-decoration:none; color:#999;}
div .page a:hover {border: #ccc 1px solid;background: #dfdfdf; color:#333;}
div .page a:active {border: #ccc 1px solid;background: #dfdfdf;}
div .page span.current {padding:2px 6px;font-weight: bold;color: #000;margin-right: 3px;}
div .page span.disabled {display: none;}
div .page a.next {border: #ccc 2px solid;margin: 0px 0px 0px 10px;}
div .page a.next:hover {border: #ccc 2px solid;}
div .page a.prev {border: #ccc 2px solid;margin: 0px 10px 0px 0px;}
div .page a.prev:hover {border: #ccc 2px solid;}


.i1,.i2,.i3,.i4,.i5,.i6,.i7,.i8,.i9,.i10,.i11{
	width:16px;
	height:16px;
	display:inline-block;
	vertical-align:middle;
	margin-right:7px;
	background-image:url(/Images/i_mod.png);
	background-repeat:no-repeat;
}
.i1{background-position:0 0;}
.i2{background-position:-17px 0;}
.i3{background-position:-34px 0;}
.i4{background-position:-51px 0;}
.i5{background-position:-68px 0;}
.i6{background-position:-85px 0;}
.i7{background-position:-102px 0;}
.i8{background-position:-119px 0;}
.i9{background-position:-136px 0;}
.i10{background-position:-153px 0;}
.i11{background-position:-170px 0;}

/*5.19新增--筛选*/
.select_ul519{ width:280px; height:auto;padding:10px; border:1px solid #ccc; overflow:hidden; background:#fff; z-index:999}
.select_ul519 li{ margin-top:6px; padding:5px 0px}
.select_ul519 li .w1{ width:60px; text-align:left; display:inline-block}
.select_ul519 li .text_input{ width:200px;}
.select_ul519 li a{ font-size:14px; text-align:center; display:block; margin:0px auto; border:0; padding:0px 0px; color:#333; text-decoration:none; display:block;}
.select_ul519 li a:hover{ background:#eee;border:0; }
.s_btn_input{ width:48px;height:25px; border:1px solid #ccc; background:#efefef; padding:3px 0; display:inline-block; border-radius:3px;}
.s_btn_input:hover{background:#e3e3e3;}
.y_btn_input{width:48px;height:25px;  border:0; background:#F67F00; padding:3px 0; color:#fff;display:inline-block; border-radius:3px;}
.y_btn_input:hover{ background:#da7101;}




